<template>
	<view class="index">
		<view class="icons">
			<u-icon 
				name="shopping-cart"
				size="80"
				class="cart-icon u-rela"
			></u-icon>
		</view>
		<view class="tag u-abso">
			<text>3</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
	.index{
		position: fixed;
		bottom: 144upx;
		right: 24upx;
		.cart-icon{
			background-color: #EBEBEB;
			border-radius: 80upx;
			padding: 12upx;
			color: #6F6F6F;
		}
		.tag{
			width: 30upx;
			height: 30upx;
			font-size: 22upx;
			background-color: #FFC24B;
			line-height: 30upx;
			text-align: center;
			border-radius: 30upx;
			top: 15upx;
			right: 14upx;
		}
	}
</style>
